<template>
  <div class="pro-lists">
    <div v-for="(item,index) in viewList" class="list-item">
      <img :src="imgurl(item.icon)" alt="">
      <div class="list-text">{{item.info}}</div>
    </div>
  </div>
</template>

<script>
  export default {
    name:"proLists",
    props:{
      viewList:{
        type:Array,
        default(){
          return []
        }
      }
    },
    data(){
      return {}
    },
    methods:{
     imgurl(imgName){
       return require('@/assets/images/profile/'+imgName)
     }
    },
    computed:{

    }
  }
</script>

<style scoped>
  .pro-lists{
    border-top:18px solid #f8f8f8;
  }
  .list-item{
    height:50px;
    line-height: 50px;
    border-bottom:1xp solid #f8f8f8;
    margin-left:15px;
    font-size:16px;
    display:flex;
    justify-content:start;
    align-items:center;
  }
  .list-item:last-child{
    border:none;
  }
  .list-item img{
    width:20px;
    height:20px;
    vertical-align:middle;
  }
  .list-item .list-text{
    font-size:14px;
    margin-left:10px;
  }
</style>
